    <!--Modal: 二维码 -->
<div class="modal fade" id="userEditModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">修改资料</h5>
      <!-- 右上角关闭按钮 -->
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body container">
      <!-- modal主体 -->
      <div class="col-md-12"">
            <label for="file">上传头像</label>
            <div id="showFileInputPortrait" class="ml-0">
              <button class="btn btn-outline-primary btn-sm" onclick="loadFileinputPortrait()">加载上传模块</button>
              <p class="text-muted"><small>不需要修改图片则无需上传, 以标识码为准</small></p>
            </div>
            <input type="file" name="file"  style="display: none;" id="uploadPortrait" placeholder="shang" data-browse-on-zone-click="true" accept=" /image/jpeg,/image/jpg">
      </div>
      
      <hr>
      <div class="col-sm-12">
          <label for="portraitFileName">图片标识码*</label>
          <input type="text" name="portraitFileName" class="form-control disable" placeholder="点击上传按钮、上传成功之后才算完成~" id="portraitFileName" readonly autocomplete="off">
          <small id="itemNameHelper" class="form-text text-muted">上传图片后自动生成</small>
      </div>
      <br>
      <div class="form-group col-sm-12">
        <label for="userDescription">签名</label>
        <input type="text" name="userDescription" class="form-control editable" placeholder="对自己的补充描述" id="userDescription">
        <small id="userDescriptionHelper" class="form-text text-muted">100字以内</small>
        <div class="invalid-feedback">
            字符长度超出限制
        </div>
      </div>
      <hr>
      <h5>联系方式</h5>
      <div class="row col-sm-12">
          <div class="form-group col-sm-6">
              <label for="userQQ">QQ(推荐)</label>
              <input type="text" name="userQQ" class="form-control editable" placeholder="QQ号" id="userQQ">
              <div class="invalid-feedback">  
                  字符长度超出限制
              </div>
          </div>

          <div class="form-group col-sm-6">
              <label for="userWeChat">微信</label>
              <input type="text" name="userWeChat" class="form-control editable" placeholder="微信号" id="userWeChat">
          </div>
      </div>
      <!-- modal主体 -->
    </div>
    <div class="modal-footer">
      <button id="changeUserInfo" type="button" class="btn btn-primary" onclick="submitUserChange()">应用更改</button>
      <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
    </div>
  </div>
</div>
</div>